<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
    <link rel="stylesheet" href="ssf/css/iconfont.css">
	<link rel="stylesheet" href="ssf/css/ssf.css">
</head>



<body>

<div class="sf" >

<h4 class="sf1"><span class="iconfont icon-fanhui " style="position: absolute; top: 22px; right: 5px;"></span>请选择省份</h4>


<div class="sff">

<div class="sf3">
	<!-- <p>广西</p>
	<p>广东</p>
	<p>河南</p>
	<p>河北</p>
    <p>上海</p>
    <p>南京</p>
    <p>天津</p>
    <p>宁夏</p> -->
	<button>上海</button>
	<button>南京</button>
	<button>天津</button>
	<button>宁夏</button>
</div>



<div class="sf5" style="display:;">
    <button>看海</button>
	<button>好京</button>
	<button>海津</button>
	<button>放夏</button>
	<button>规海</button>
	<button>南京</button>
</div>



<div class="sf6" style="display:;">
    <button>点海</button>
	<button>看京</button>
	<button>到津</button>
	<button>快夏</button>
	<button>来海</button>
	<button>海京</button>
</div>




</div>
</div>


<script type="text/javascript" src="ssf/js/jquery3.js"></script>
<script>

function showcity(btn){

	var pid=$(btn).val();
}
function InProvince(){
   

   $('.province').empty();
   $.get('ssf/json/sf.json',function(res){

   for(var i=0; i<res.length;i++){
    var btn='<button onclick="showcity(this)" value="'+res[i].id+'">'+
    $('.province').append(btn);




   }



   })
}





</script>
	




</body>
</html>